/* omega - web client
   http://code.google.com/p/theomega/
  
   Copyright 2011, Jonathon Fillmore
   Licensed under the MIT license. See LICENSE file.
   http://www.opensource.org/licenses/mit-license.php */

.om_box {
}

.om_box .om_box_left {
	float: left;
}

.om_box .om_box_right {
	float: right;
}

.om_box .om_box_middle {
	overflow: hidden;
}

.om_box .om_box_top {
	clear: both;
}

.om_box .om_box_bottom {
	clear: both;
}

.om_box_draggable {
	position: fixed;
	z-index: 2;
}

.om_box_fullscreen {
	position: fixed !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0px !important;
	top: 0px !important;
	left: 0px !important;
}

.om_box_maximized {
	width: 100% !important;
	height: 100% !important;
}

.om_box.om_button {
	display: inline;
}

.om_box.om_button button {
	cursor: pointer;
}
.om_box_moving {
	cursor: move;
}

.om_drag_anchor {
	cursor: move;
}

.om_resize_anchor {
	cursor: move;
}

.om_box_draggable {
}

.om_input {
}

.om_input .om_input_caption {
}

.om_input input.om_input_value[type=text],
.om_input input.om_input_value[type=password],
.om_input textarea {
	border: 1px solid #666;
	background-color: #e0e0e0;
	color: #222;
}

.om_input input.om_input_value[type=text]:focus,
.om_input input.om_input_value[type=password]:focus,
.om_input textarea:focus {
	background-color: #fff;
	border: 1px solid #000;
	color: #000;
}

.om_input .om_input_value.om_input_error {
	background-color: #6F0707;
	color: #ccc;
}

.om_input .om_input_help {
	overflow: auto;
	position: absolute;
	background-color: #111;
	color: #eee;
	padding: 4px;
	border: 1px solid #333;
	min-width: 150px;
}

.om_input .om_help.om_parse_error {
	background-color: #311;
}

.om_input .om_help .om_header {
	color: #aaa;
	border-bottom: 1px solid #333;
	text-align: left;
	font-style: italic;
}

.om_link {
	display: inline;
	cursor: pointer;
}

.om_link a {
	text-decoration: none;
	border-bottom: 1px dotted #666;
}

.om_link a:hover {
	border-bottom: 1px solid #777;
}

.om_win {
	border: 1px solid #555;
	position: absolute;
	background-color: #282828;
}

.om_win .om_win_controls {
}

.om_win .om_win_controls img {
	padding: 2px;
}

.om_win .om_win_controls img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	cursor: pointer;
}

.om_win .om_win_controls img:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
	cursor: pointer;
}

.om_win > .om_win_toolbar {
	background-color: #000;
	color: #CFCFCF;
	padding: 5px;
}

.om_win.om_box_focused > .om_win_toolbar {
	background-color: #090909;
}

.om_win > .om_win_toolbar > .om_win_title {
	padding-left: 5px;
}

.om_win > .om_win_footer {
	padding: 5px;
	color: #CCC;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	height: 12px;
	line-height: 13px;
	overflow: hidden;
	bottom: 0px;
}

.om_win.om_box_fullscreen > .om_win_footer {
	position: fixed;
	bottom: 0px !important;
}

.om_win > .om_win_footer img.om_resize_handle {
	right: 0px;
	bottom: 0px;
	position: absolute;
	margin: 3px;
}

.om_win.om_box_fullscreen > .om_win_footer .om_resize_handle {
	display: none !important;
}

.om_menu {
}

.om_menu .om_menu_option {
	padding: 2px 7px 3px 7px;
	cursor: pointer;
	border: 1px solid #333;
	background-color: #181818;
}

.om_menu .om_menu_option:hover {
	border: 1px solid #555;
	background-color: #2A2A2A;
}

.om_menu .om_menu_option:hover .om_menu_option_caption {
	text-decoration: underline;
}

.om_menu .om_menu_option.om_selected {
	border: 1px solid #aaa;
	background-color: #333;
	border: 1px solid #777;
}

.om_menu .om_menu_option .om_menu_option_icon {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.om_menu .om_menu_option:hover .om_menu_option_icon {
	opacity: 1.0;
	filter: alpha(opacity=100);
}

.om_menu .om_menu_option.om_selected .om_menu_option_icon {
	opacity: 1.0;
	filter: alpha(opacity=100);
}

.om_menu .om_menu_option .om_menu_option_caption {
}

.om_scroller > .om_scroller_track {
	background-color: #000;
	padding: 1px;
	border-top: 1px solid #222;
	border-left: 1px solid #222;
	border-right: 1px solid #222;
	border-bottom: 1px solid #222;
	overflow: hidden;
	border-radius: 5px;
	-moz-border-radius: 5px;
}

.om_scroller.om_scroller_verticle > .om_scroller_track {
	height: 100%;
}

.om_scroller > .om_scroller_track > .om_scroller_bar {
	background-color: #181818;
	border: 1px solid #2a2a2a;
	cursor: move;
	position: relative;
	border-radius: 5px;
	-moz-border-radius: 5px;
}

.om_scroller > .om_scroller_track > .om_scroller_bar:hover {
	background-color: #2A2A2A;
	border: 1px solid #363636;
}

.om_message {
	position: absolute;
	color: #d8d8d8;
	background-color: #282828;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 5px;
	overflow: visible;
}

.om_message > .om_message_title {
	background-color: #000;
	border-bottom: 1px solid #111;
	padding: 3px 9px 3px 9px;
	color: #ccc;
	font-weight: bold;
}

/*
.om_message .header {
	font-weight: bold;
	margin-bottom: 9px;
	color: #81A8CF;
	padding: 1px;
	border-bottom: 1px dotted #51789F;
	background-color: #33393F;
}
*/

.om_message > .om_box_middle {
	padding: 9px;
}

.om_message > .om_box_bottom {
	padding: 3px;
	text-align: right;
}

.om_message.om_error {
	white-space: pre;
}

.om_form {
	overflow: auto;
}

.om_form > .om_box_bottom {
	padding-top: 5px;
	text-align: right;
}

.om_form > .om_form_fields > .om_form_column {
	float: left;
}

.om_form > .om_form_fields > .om_form_tab_bar {
	overflow: auto;
}

.om_form > .om_form_fields > .om_form_tab {
	overflow: auto;
}

.om_skirt {
	background-color: #000;
	bottom: 0px;
	right: 0px;
	left: 0px;
	top: 0px;
	position: absolute;
	filter: alpha(opacity=50);
	opacity:.50;
}

.om_blanket {
	background-color: #000;
	bottom: 0px;
	right: 0px;
	left: 0px;
	top: 0px;
	position: absolute;
	filter: alpha(opacity=50);
	opacity:.50;
}

.om_loading {
	text-align: center;
	background-image: url('/omega/images/loading.gif');
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #000;
	/*height: 100%;
	width: 100%;*/
	bottom: 0px;
	right: 0px;
	top: 0px;
	left: 0px;
	position: absolute;
	filter: alpha(opacity=50);
	opacity:.50;
	cursor: progress;
}

.om_confirm {
	background-color: #282828;
	border: 1px solid #555;
}

.om_collect {
	background-color: #282828;
	border: 1px solid #555;
}

.om_collect .om_input {
	padding-top: 7px;
}

.om_tooltip {
	display: none;
	position: fixed;
	padding: 7px;
	margin: 10px;
	color: #ccc;
	background-color: #222;
	border: 1px solid #000;
	filter: alpha(opacity=95);
	opacity: .93;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

.om_browser {
	border: 1px solid #aaa;
}

.om_browser > .om_win_footer {
	background-color: #000;
	border-top: 1px solid #999;
}

.om_browser > .om_win_canvas {
	width: 700px;
	height: 500px;
}

.om_browser .om_win_canvas iframe {
	border: 1px solid #666;
	width: 100%;
	height: 100%;
}

.om_browser .om_win_canvas object {
	border: 1px solid #666;
	width: 100%;
	height: 100%;
}

.om_browser.om_box_moving .om_win_canvas {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.om_browser.om_box_moving .om_win_canvas iframe {
	visibility: hidden;
}

.om_browser.om_box_resizing .om_win_canvas iframe {
	visibility: hidden;
}

/** style cleanup! */
.om_message .om_spillage {
	white-space: pre;
}

/** style cleanup! */
.om_message .error_reason {
	color: #FFF;
}

/** style cleanup! */
.om_message .error_api {
	font-style: italic;
	font-weight: normal;
	padding-left: 10px;
}
	
/** style cleanup! */
.om_message .error_backtrace {
	white-space: pre;
	margin: 5px;
	padding: 2px 0px 2px 0px;
	font-size: 11px;
	border-top: 1px dotted #334455;
	border-bottom: 1px dotted #334455;
	color: #556677;
}

